.lists { padding:10px 60px; }
.lists .item { padding: 15px 30px; line-height: 50px; position: relative; /*background-color: #F9F9F9;*/ border:1px solid #EEE; border-radius: 10px; margin-top: 15px; overflow: hidden; }
.lists .item .item-icon{ float: left; height: 50px; width: 50px; margin-right: 20px;  }
.lists .item .item-icon .icon {  padding: 10px;     display: inline-block;
    background-color: rgba(204, 204, 204, .5);
    border-radius: 100%;
    vertical-align: middle;
    margin-top: -3px;}
.lists .item .item-icon .icon .i,
.lists .item .item-icon .icon::before{ display: block; width: 30px; height: 30px; }
.lists .item .item-title { float: left;height: 50px; font-size: 24px; color: #999;}
.lists .item .item-info { position: absolute; top: 50%; right: 50px; height: 50px; margin-top: -25px; font-size: 16px; }
.lists .item .item-info .status { display: none; }
.lists .item.off .item-info .status.off { display: inline-block; color: #F60;}
.lists .item.on .item-info .status.on { display: inline-block; color:var(--color3);}
.lists .item.on .item-icon .auth-icon icon {
    background-color: var(--color3);
}
.lists .item .layui-form-switch { margin-top: 0; }